<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    body{
        background-color: rgb(245, 245, 245);
    }
    .all {
		display: flex;
        flex-direction: column;
		justify-content: center;
	}
	.card {
		background-color: white;
		width: 90%;
		height: 12vh;
		border-radius: 10px;
		margin: 1.9rem;
	}
	.text-the_owner_id {
		margin: 3vw;
		margin-left: 1rem;
		font-size: 1rem;
	}
	.text-the_owner_name {
		margin-left: 4rem;
		font-size: 1rem;
	}

	.text_shop_no {
		margin: 1rem;
		padding-top: 0.1rem;
		font-size: 1rem;
	}

	.card_select {
		color: white;
		background-color: rgb(0, 132, 255);
	}



	.firstline {
		margin-top: 1rem;
	}
	.text_shop_no:last-child{
		padding-bottom: 29vh;
	}
</style>
<body>
    <div  class="all">
        <div class="top">
            
        </div>
        <div class='card_select card' @click="select(item)">
            <div class="firstline">
                <span class="text-the_owner_id">编号：1</span>
                <span class="text-the_owner_name">姓名：zp</span>
            </div>
            
            <div class="text_shop_no">铺号：&nbsp测试</div>
        </div>
        <div class='card_select card' @click="select(item)">
            <div class="firstline">
                <span class="text-the_owner_id">编号：1</span>
                <span class="text-the_owner_name">姓名：zp</span>
            </div>
            
            <div class="text_shop_no">铺号：&nbsp测试</div>
        </div>
        <div class='card' @click="select(item)">
            <div class="firstline">
                <span class="text-the_owner_id">编号：1</span>
                <span class="text-the_owner_name">姓名：zp</span>
            </div>
            
            <div class="text_shop_no">铺号：&nbsp测试</div>
        </div>
    </div>


</body>
</html>